#myContainner {
  height:100vh;
  background-image: url("../images/operatingterminalBG.png");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;

  //id扫码
  .sacnCode{
    height: 6vh;
    left:88%;
    top:27%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    .scanID{
      width: 3vw;
      //transform: scale(0.25);
      //transform-origin:0% 0%;
      position: absolute;
    }
    .scanID:hover{
      box-shadow: -1px 1px 1px rgba(0,0,0,.5);
      opacity: 0.8;
      cursor: pointer;
    }
    .scanText{
      left:3.6%;
      top:15%;
      font-size: 1.5vw;
      color: #76f0ee;
      position: absolute;
    }
  }

  .main-stock{
    cursor: pointer;
    //border:1px solid red;
    background-image: url("../images/cache4.png");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    height:44vh;

      //区域信息
      .area{
        z-index: 1;
        height: 8vh;
        overflow: hidden;
        position: relative;
        color: #76f0ee;
        //margin-left: 100px;
        top:3%;
        .areafont{
          //font-size: 22px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          //left:30%;
          overflow: hidden;
          color: #76f0ee;
          //margin-left: 100px;
          //font-size: 1.3vw;
          font-size: 1.3vw;
        }
        .areafont2{
          //font-size: 22px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          //left:30%;
          overflow: hidden;
          color: #76f0ee;
          //margin-left: 100px;
          font-size: 1.1vw;
        }
      }

      //托盘信息
      .stock{
        position: relative;
        z-index: 1;
        height: 32vh;

        .stockmain{
          //width: 16vw;
          overflow: hidden;
        }
        .stockInfo{
          height: 22vh;
          .stockitem{
            width: 15vw;
            position: absolute;
            top: 30%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #d3fffd;
            font-size: 1vw;
          }
          .stockitem2{
            position: absolute;
            top: 30%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #d3fffd;
            font-size: 1vw;
          }
          .stockitemnone{
            top: 30%;
            left: 50%;
            transform: translate(-50%, -50%);
            position: absolute;
            color: #d3fffd;
            font-size: 3vw;
          }
          .stockitemnone2{
            top: 30%;
            left: 50%;
            transform: translate(-50%, -50%);
            position: absolute;
            color: #d3fffd;
            font-size: 3vw;
          }
        }
        
        .stockInfo:hover{
          //background-color: #c4b1b1;
          box-shadow: -1px 1px 1px rgba(0,0,0,.5);
          //box-shadow: -1px 1px 1px rgb(245, 13, 100);
          opacity: 0.5;
          cursor: pointer;
        }

        .stockInfo2{
          height: 22vh;
          .stockitem{
            position: absolute;
            top: 30%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #d3fffd;
            font-size: 1vw;
          }
          .stockitemnone{
            top: 30%;
            left: 50%;
            transform: translate(-50%, -50%);
            position: absolute;
            color: #d3fffd;
            font-size: 2.4vw;
          }
        }

        .stockbtn{
          height: 10vh;
          //托盘信息下的图片按钮
          .stockimg{
            top: 40%;
            position: relative;
            //呼叫agv
            .callAgv{
              //display: block;
              transform: scale(1.1);
              transform-origin:0% 0%;
              width: 6vw;
            }
            .callAgv:hover{
              box-shadow: -1px 1px 1px rgba(0,0,0,.5);
              opacity: 0.8;
              cursor: pointer;
            }
            //托盘入库
            .warehouse{
              width: 6vw;
              //left: 60%;
              //left: 36%;
              position: absolute;
              top: 30%;
              left: 50%;
              transform: translate(-50%, -50%);
            }
            .warehouse:hover{
              box-shadow: -1px 1px 1px rgba(0,0,0,.5);
              opacity: 0.8;
              cursor: pointer;
            }
            //选择托盘
            .chooseStock{
              width: 6vw;
              //left: 36%;
              top: 30%;
              left: 50%;
              transform: translate(-50%, -50%);
              position: absolute;
            }
            .chooseStock:hover{
              box-shadow: -1px 1px 1px rgba(0,0,0,.5);
              opacity: 0.8;
              cursor: pointer;
            }
          }
        }
      }
  }

  // 托盘选中状态
  .checkedBox{
    background-image: url("../images/cacheSelect.png");
    // filter: brightness(1.3); /* 明亮度增加 */
    // transform: scale(1.03); /* 选中时放大效果 */
  }

  .main-stock2{
    //border:1px solid red;
    background-image: url("../images/cache2.png");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    height:22vh;
    position: relative;

    //区域信息
    .area{
      z-index: 1;
      height: 4vh;
      overflow: hidden;
      position: relative;
      top:5%;
      color: #76f0ee;
      //margin-left: 100px;
      .areafont{
        //font-size: 22px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        //left:30%;
        //overflow: hidden;
        color: #76f0ee;
        //margin-left: 100px;
        font-size: 1.1vw;
      }
    }

    //托盘信息
    .stock{
      position: relative;
      z-index: 1;
      height: 16vh;

      .stockmain{
        //width: 16vw;
        overflow: hidden;
      }
      .stockInfo{
        height: 11vh;
        .stockitem{
          position: absolute;
          top: 30%;
          left: 50%;
          transform: translate(-50%, -50%);
          color: #d3fffd;
          font-size: 1vw;
        }
        .stockitemnone{
          top: 30%;
          left: 50%;
          transform: translate(-50%, -50%);
          position: absolute;
          color: #d3fffd;
          font-size: 2.4vw;
        }
      }
      .stockbtn{
        height: 5vh;
        //托盘信息下的图片按钮
        .stockimg{
          top: 40%;
          position: relative;
          //呼叫agv
          .callAgv{
            //display: block;
            transform: scale(1.1);
            transform-origin:0% 0%;
            width: 6vw;
          }
          .callAgv:hover{
            box-shadow: -1px 1px 1px rgba(0,0,0,.5);
            opacity: 0.8;
            cursor: pointer;
          }
          //托盘入库
          .warehouse{
            width: 6vw;
            //left: 60%;
            //left: 36%;
            position: absolute;
            top: 30%;
            left: 50%;
            transform: translate(-50%, -50%);
          }
          .warehouse:hover{
            box-shadow: -1px 1px 1px rgba(0,0,0,.5);
            opacity: 0.8;
            cursor: pointer;
          }
          //选择托盘
          .chooseStock{
            width: 6vw;
            //left: 36%;
            top: 30%;
            left: 50%;
            transform: translate(-50%, -50%);
            position: absolute;
          }
          .chooseStock:hover{
            box-shadow: -1px 1px 1px rgba(0,0,0,.5);
            opacity: 0.8;
            cursor: pointer;
          }
        }
      }
    }
  }



  .foot-container{
    //border: 1px solid red;
    width: 48vw;
    overflow: hidden;
    background-image: url("../images/cachePendingStockBox.png");
    background-size: 99% 99%;
    background-position: center;
    background-repeat: no-repeat;


    //下侧标题
    .footTitle{
      height:5vh;
      position: relative;

      .footTitleChild{
        width: 48vw;
        left: 45%;
        position: relative;
        color:#d3fffd;
        font-size: 1.2vw;
      }
    }
    //下侧数据
    .footData{
      height:40vh;
      position: relative;
      .footDataWarehouse{
        width: 48vw;
        position: relative;
        .warehouseTable{
          //width: 44vw;
          width:90%;
          left:5%;
          position: relative;

        }
      }
      .footDataStock{
        width: 50vw;
        position: relative;
        .stockInfoTable{
          width: 40vw;
          left:10%;
          position: relative;

        }
        .click{
          position: absolute;
          width: 100%;
          left: -10%;
          top: 67%;
        }
        .stockInfoCheck{
          height: 5vh;
          top:10%;
          position: relative;
          left:20%;
          .checked{
            width: 2%;
            top:8%;
            position: absolute;
          }
          .unchecked{
            width: 2%;
            top:8%;
            position: absolute;
          }
          .checkText{
            left: 3%;
            color: white;
            font-size: 1vw;
            position: absolute;
          }
        }

        .stockInfoBtn{
          position: absolute;
          top: 66%;
          left: 52%;

          .warehouseOut{
            left:50%;
            width: 6vw;
          }
          .warehouseOut:hover{
            box-shadow: -1px 1px 1px rgba(0,0,0,.5);
            opacity: 0.8;
            cursor: pointer;
          }
          .warehouseIn{
            left:55%;
            width: 6vw;
          }
          .warehouseIn:hover{
            box-shadow: -1px 1px 1px rgba(0,0,0,.5);
            opacity: 0.8;
            cursor: pointer;
          }
        }
      }
    }
  }


  .my-dialog{
    .chooseStockTable{

    }
    .my-dialog-main{
      height: 400px;
    }
  }
  //弹窗里的关闭按钮
  .closeContainer{
    width: 30px;
    height:30px;
    margin-top: 10px;
    left:95%;
    position: relative;
  }
  .closeContainer:hover{
    box-shadow: -1px 1px 1px rgba(0,0,0,.5);
    opacity: 0.8;
    cursor: pointer;
  }

  //弹窗里的确认按钮
  .confirmContainer{
    width: 224px;
    height:83px;
    //background-color: red;
    position: relative;
    left:42%;
    .confirmContect{
      transform: scale(0.3);
      transform-origin:0% 0%;
      position: relative;
      left:65%;
      top:30%;
    }
    .confirmContect:hover{
      box-shadow: -1px 1px 1px rgba(0,0,0,.5);
      opacity: 0.8;
      cursor: pointer;
    }
  }

  //弹窗-空托盘-详情文字
  .emptyStockText{
    margin-top: 8px;
    font-size: 1.1em;
    color: #76f0ee;
  }

  //弹窗-空托盘-详情数据
  .emptyStockDetail{
    height: 300px;
    position: relative;
    //弹窗-空托盘-详情图片
    .emptyStockDetailPng{
      position: absolute;
    }
    //弹窗-空托盘-详情表格
    .emptyStockDetailTable{
      width: 96%;
      top:20%;
      position: relative;
    }
  }


  //弹窗样式
  //.el-dialog{
  //  background-color: transparent;
  //  background-image: url("../images/dialog.png");
  //  background-size: 100% 100%;
  //  background-position: center;
  //  background-repeat: no-repeat;
  //
  //}
  //.el-dialog__header{
  //  padding: 0;
  //}
  //.el-dialog__body,el-dialog__header{
  //  padding: 0;
  //}

  /** 布局配置 */
  .el-main{
    padding: 0;
    overflow: hidden;
  }
  .el-header{
    padding: 0;
  }
  .el-footer{
    padding: 0;
  }
  .el-container{
    overflow: hidden;
  }

  //.el-table{
  //  //表格背景透明
  //  --el-table-border-color: transparent;
  //  --el-table-border: none;
  //  //--el-table-current-row-bg-color: transparent;
  //  --el-table-header-bg-color: transparent;
  //  --el-table-bg-color: transparent;
  //  --el-table-tr-bg-color: transparent;
  //  --el-table-expanded-cell-bg-color: transparent;
  //
  //  //表头颜色
  //  --el-table-header-text-color: #76f0ee;
  //  //文字颜色
  //  --el-table-text-color: #76f0ee;
  //  //鼠标停留在当前行高亮
  //  --el-table-row-hover-bg-color: rgb(118,240,238,0.4);
  //  //选中高亮
  //  --el-table-current-row-bg-color: rgb(118,240,238,0.4);
  //}



  //占位,确保布局正确
  .aside1,.aside2{
    //width:2vw;
    height: 40vh;
  }

  .aside3,.aside4{
    //width:2vw;
    height: 45vh;
  }
}
